.banner{
  position: relative;
    width: 100%;
    height:700px;
    background: url(../shouimg/beijiang.jpg) no-repeat center;
    background-size: cover;
}
.banner .dot{
position: absolute;
bottom: 16px;
left: 50% ;
margin-left: -120px;
}
.banner .dot span{
    float: left;
    width: 8px;
    height: 8px;
    border: 3px solid transparent;
    /* 剪裁背景 */
    /* 只保留,内容区的背景色 */
    background-clip:content-box ;
    background-color: #fff;
    margin: 0 5px;
    border-radius: 50%;
    /* 指针变成手型 */
    cursor: pointer;
}
.banner .dot span:hover{
    border-color: #fff;
    background-color: #668aca;
    
}
/* 项目展示 */
.projects{
    width: 100%;
    margin-top: 120px;
}
 .w{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.title{
    color: #767676;
   
}
.title h3{
    font-size: 30px;
    line-height: 28px;
    font-weight: normal;
    
    
}
.title p{
     font-size: 12px;
     line-height: 10px;
     margin: 6px 0;
    
}
.title .line{
    overflow: hidden;
}
.title .l{
    float: left;
    width: 60px;
    height: 1px;
    background-color: #a1a1a1;
}
.title .r{
    float: right;
    width: 300px;
    height: 1px;
    background-color: #a1a1a1;
}
/* 导航 */
.projects .sub-nav{
overflow: hidden;
/* 设置宽度是内容的宽度 */
width: fit-content;
margin: 58px auto;
}

.projects .sub-item {
    float: left;
    width: 48px;
    font-size: 14px;
    text-align: center;
    margin: 0 10px;
    line-height: 16px;
}
.projects .border{
    float: left;
    height: 8px;
    width: 1px;
    background-color: #b5b5b5;
    margin-top: 4px;
}
.projects .sub-item .line{
    display: block; 
    width: 12px;
    height: 1px;background-color: #668aca;
    margin: 0 auto;
    margin-top: 5px;
    opacity: 0;
}
.projects .sub-item:hover{
    font-size: 16px;
}
.projects .sub-item:hover a{
    color: #668aca;
}
.projects .sub-item:hover .line{
    opacity: 1;
}
/* 项目列表 */
.projects .pro-list{
    overflow: hidden;
    margin-bottom: 120px;
}
.projects .pro-card{
    position: relative;
    float: left;
    width:360px ;
    height: 270px;
   /* background-color: pink; */
    margin-right: 60px;
    
}
.projects .pro-card.mr0{
    margin-right: 0;
}
.projects .pro-card .covre{
    width: 100%;
    height: 180px;
    
    
}
.projects .pro-card .info{
    position: relative;
    width: 100%;
    height:90px;
    text-indent: 50px;
    color: #767676;
    overflow: hidden;
}
.projects .pro-card .info h4{
    margin-top: 28px;
   font-size: 14px;
   line-height: 14px;
   margin-bottom: 7px;
}

.projects .pro-card .info p{
    font-size: 12px;
    line-height: 25px;
}
.projects .pro-card .info a{
    position: absolute;
    top: 30px;
    right: 50px;
    width: 30px;
    height: 30px;
    background: url(../shouimg/jiantiu.png) no-repeat center ;
}
/* hove效果 */
.projects .pro-card .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0,0, 0.5) ;
    border-radius: 8px;
    color: #fff;
    opacity: 0;
}
.projects .pro-card:hover .mask{
    opacity: 1;
}
.projects .pro-card:hover .info{
    display: none;
}
.projects .pro-card:hover .covre img{
    width: 100%;
    height: 100%;
    position: absolute;
}
/* 产品中心导航 */
.Products-c{
    overflow: hidden;
}
.Products .Products-nav{
    overflow: hidden;
    width: 1200px;
    height: 100%;
    margin-top: 54px;

}

.Products .Products-a{
    float: left;
    margin: 0 40px;
    width: 164px;
    height: 114px;
   
    
}
.Products .Products-b{
    overflow: hidden;
    width: 164px;
    height: 86px;
    border-radius: 5px;
}
 .Products-b-img.aaa{
margin: 10px 20px;
}
.Products .Products-a:hover .Products-b{
    background-color: rgba(148,173,218,0.7 );

}

.Products .Products-b .Products-img.aa{
    margin: 10px 20px;
}
.Products .Products-b .Products-img.a{
    margin: 8.5px ;
}
.Products .Products-b .Products-img.b{
    display: block;
    margin: 4px auto;
}
.Products .Products-b .Products-img.c{
    display: block;
    margin: 9.5px auto;
}
.Products .Products-a p{

    text-align:center;
    font-size: 12px;
    color: #767676;
    line-height: 25px;
}
.Products-a .Products-c{
    width: 16px;
    height: 1px;
    margin: 0 auto;
    margin-top: -3px;
    background-color:#668aca;
    opacity: 0;
}

.Products-a.a{
    margin-right: 0px;
}
/* .Products-navv:hover .Products-a.active{

} */
.Products-a:hover p{
    color: #668aca;
    font-size: 16px;
}
.Products-a:hover .Products-c{
    opacity: 1;
    background-color:#668aca;
}
.Products-a.active .Products-b{
    background-color: rgba(148,173,218,0.7 );
    
}
.Products-a.active p{
    font-size: 16px; 
    color: #668aca;
}
.Products-a.active .Products-c{
    opacity: 1;
}
/* 盒子 */

.Products .Products-box1{
    position: relative;
    float: left;
    margin-top: 110px;
    width:360px ;
    height: 360px;
    margin-right: 60px;
}
.Products .Products-box1.q{
    margin-right: 0px;
}
.Products .Products-boxt{
    position: absolute;
    width: 360px;
    height: 320px;
 background-color: rgba(0,0,0,0.5);
}
.Products .Products-box2{
    
    width: 360px;
    height: 320px;
    background: url(../shouimg/chuang1.png)no-repeat center;
}
.Products .Products-zi{
    text-align: center 
}
.Products .Products-zi1{
    font-size: 16px;
    color: #767676;
}
.Products .Products-zi2{
    font-size: 14px;
    color: #767676;
    
}
.Products-box1 .Products-boxp0{
margin-top: 131px;
font-size: 30px;
color: #f8f8f8;
}
.Products-box1 .Products-boxk{
    display: inline-block;
    width: 80px;
    height: 1px;
    background-color: #f8f8f8;
}
.Products-box1 .Products-boxpp{
    margin-top: 16px;
    margin-left: 69px;
}
.Products-box1 .Products-boxp1{
    font-size: 16px;
    color: #f8f8f8;
}
.Products-box1 .Products-boxp2{
    font-size: 14px;
    color: #f8f8f8;
}
.Products-box1 .Products-boxt{
    opacity: 0;
}
.Products-boxt.active{
    opacity: 1;
}
.Products-zi.active{
    opacity: 0;
}
.Products-box1:hover .Products-boxt{
    opacity: 1;
}
.Products-box1:hover .Products-zi{
    opacity: 0;
}
/* 服务范围 */
.services .title{
margin: 60px 0;
}
.services{
    width: 100%;
    
}
.services .e{
    background: url(../shouimg/fuw.jpg);
    width: 100%;
    height: 700px;
    overflow: hidden;
    margin-bottom: 120px;
}
.services-pa{
    font-size: 30px;
    color: #ffff;
  margin-top: 150px;
  margin-bottom: 42px;
}
.services-pb{
    color: #ffff;
}

.services-ul .services-li:hover{
    background-color:#668aca ;
}
.services-ul .services-li.active{
    background-color:#668aca ;
}
.services-ul .services-li{
    border: 1px solid rgba(87,82, 85, 0.5);
  margin-top: 150px;
    float: left;
    width: 250px;
    height: 150px;

}
.services-ul .services-lii{
    overflow: hidden;
    text-align: center ;
    width: 250px;
    height: 150px;
   
    
}
.services-ul .services-lii p{
    color: #ffff;
}
 .services-lii .services-p1{
     font-size: 16px;
     margin-top: 47px;
     margin-bottom: 13px;
 }
 .services-lii .services-p2{
     width: 30px;
     height: 1px;
     background-color: #ffff;
     margin: 0 auto;
 }
 .services-lii .services-p3{
     font-size: 12px;
     margin-top:13px ;
 }
 .services-ul{
     float: right;
 }
 /* 新闻资讯 */
 .news{
     overflow: hidden;
 }
  .news .news-d{
      width: 1200px;
      height: 570px;
      margin: 0 auto;
     margin-bottom: 130px;
      margin-top: 60px;

  }
  .news .news-d1{
      float: left;
      width: 570px;
      height: 570px;
      margin-right: 60px;
     }
  .news .news-d2{
      float: left;
    width: 570px;
    height: 570px;
   background: url(../shouimg/you1.jpg);
}
.news-li01{
    overflow: hidden;
    width: 570px;
    height: 90px;
 background: rgba(0, 0,0,0.5);
    margin-top: 180px;
    opacity: 0;
}
.news-y{
    float: right;
    width: 38px;
    height: 38px;
    margin-right: 62px;
    background: url(../shouimg/jiantou2.png) ;

   
}
.news-p1{
    margin-top: 11px;
    margin-bottom: 16px;
    margin-left: 50px;
    font-size: 16px;
    color: #fff;
}
.news-p2{
    float: left;
    width: 325px;
    margin-left: 50px;
    font-size: 12px;
    color: #fff;
}
.news .news-li1:hover .news-li01{
opacity: 1;
}
.news .news-li1{
    overflow: hidden;
    width: 570px;
    height: 270px;
   background: url(../shouimg/zuo1.jpg);
}
.news-li2{
    margin-top: 30px;
    margin-right: 30px;
    float: left;
    width:270px ;
    height: 270px;
    background: url(../shouimg/zuo2.jpg);
}
.news-li3{
    margin-top: 30px;
    float: left;
    width:270px ;
    height: 270px;
    background: url(../shouimg/zuo3.jpg);
}
   /* 关于简设 */
   .Set .set-b{
    overflow: hidden;
       width: 1200px;
       height: 386px;
      
       margin: 0 auto;
       margin-top: 53px;
       margin-bottom: 120px;
   }
   .Set .set-1{
    float: left;
    width: 514px;
    height: 386px;
    background: url(../shouimg/guanyu1.jpg);
   }
   .Set .set-2{
       float: right;
       width: 674px;
       height: 300px;
   }
   .Set .set-2 p{
      float: right;
       font-size: 14px;
       color: #767676;
   }
   .Set .set-2 .p1{
       margin-top: 32px;
   }
   .Set .set-2 .p2{
    margin:34px 0 ;
   }